<template>
    <h3>ref</h3>
    <div ref="cont" class="cont">{{content}}</div>
    <button @click="getEle">获取元素</button>
</template>
<script>
//如果没有特殊需求，不要操作DOM
     export default{
        data(){
            return{
                content:'内容'

            }
        },
        methods:{
            getEle(){
                console.log(this.$refs.cont);
                // innerHTML原生JS的属性
                this.$refs.cont.innerHTML = '123'

            }
        }
     }
</script>